<section class="header">
  <!-- 头部导航 -->
  <div class="sy-header">
    <div class="sy-header-nav">
      <el-row>
        <el-col :span="8">
          <span>您好,谭昆山</span>
        </el-col>
        <el-col :span="8">&nbsp;</el-col>
        <el-col :span="8">
          <router-link to="" class="">
            <a>企业中心</a>
          </router-link>
          <a>服务热线：400-800-8900</a>
          <a>网站导航</a>
        </el-col>
      </el-row>
    </div>
    <div class="sy-header-1">
      <el-row>
        <el-col :span="12">
          <img class="logo" src="./logo.png" alt="">
        </el-col>
        <el-col :span="1">&nbsp;</el-col>
        <el-col :span="11">
          <ul class="type-list">
            <li class="active">找产品</li>
            <li>找客户</li>
            <li>找技术</li>
          </ul>
          <div class="header-search-box">
            <input type="text" class="input-box" placeholder="请输入分类、牌号、厂商、公司">
            <button>
              <img src="./searchIcon.png" alt="">
            </button>
          </div>
          <ul class="material-science">
            <li class="item">道恩集团</li>
            <li class="item">拉丝PP</li>
            <li class="item">注塑PP</li>
            <li class="item">共聚纤维PP</li>
            <li class="item">低压PP</li>
            <li class="item">工程塑料</li>
            <li class="item">橡胶苯酚</li>
            <li class="item">线性高压</li>
          </ul>
        </el-col>
      </el-row>
    </div>

<!-- 类型分类 -->
  <ul class="fenlei">
    <li class="server">贴心服务</li>
    <li>首页</li>
    <li>自营商城</li>
    <li>塑云金融</li>
    <li>客户资源</li>
    <li>技术专家</li>
    <li>资讯中心</li>
    <li>竞价专区</li>
    <li>物性库</li>
  </ul>


  </div>
</section>